<template>
  <div>
      <div class="every" v-for="(item,index) in newData" :key="index">
      <div class="title">{{item.title}}</div>
      <div class="text">{{item.number}}</div>
  </div>
  </div>
  
</template>

<script>
export default {
    props:{
        newData:{
            type:Array,
            default:{}
        }
    }

}
</script>

<style scoped lang="less">
.every{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.25vw;
    .title{
        flex: 1;
        font-size: 3.611vw;
        color: #999;
        display: flex;
        justify-content: flex-end;
        // width: 19.583vw;
        margin-right: 3.889vw;
    }
    .text{
        flex: 2;
        font-size: 3.333vw;
        color: #303030;
        // width: 62.083vw;
        height: 9.444vw;
        line-height: 9.444vw;
        border: 0.278vw solid #e6e6e6;
        background-color: #fafafa;
        padding-left: 3.056vw;
    }
}

</style>